<template>
  <div class="h-full flex flex-col p-6 overflow-y-auto">
    <!-- 用户信息卡片 -->
    <UserProfile class="mb-6 flex-shrink-0" />
    
    <!-- 导航菜单 -->
    <NavigationMenu 
      :active-tab="activeTab"
      @tab-change="$emit('tab-change', $event)"
      class="flex-shrink-0"
    />
  </div>
</template>

<script setup lang="ts">
import UserProfile from './UserProfile.vue'
import NavigationMenu from './NavigationMenu.vue'

defineProps<{
  activeTab: string
}>()

defineEmits<{
  'tab-change': [tab: string]
}>()
</script>
